﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no, email=no" />
    <title>企捷协同办公平台注册</title>
    <link href="css/index.css" type="text/css" rel="stylesheet">
</head>

<body>
    <div style="max-width: 600px; margin: 0 auto">
        <div class="page0 page" style="position: relative">



            <img src="images/index1.png" width="100%">
        </div>
        <div class="page1 page" style="margin-top: 10%">
            <p class="bt_cont" style="margin-bottom: 3%">更多应用，按需随意组合</p>
            <p class="xbt_cont">关注企捷企业号试用</p>
            <p class="xbt_cont"></p>
            <div class="app">
                <ul>
                    <li>
                        <img src="images/yd1.png" /><br />
                        流程审批</li>
                    <li>
                        <img src="images/yd2.png" /><br />
                        用车管理</li>
                    <li>
                        <img src="images/yd3.png" /><br />
                        会议管理</li>
                    <li>
                        <img src="images/yd4.png" /><br />
                        工作报告</li>
                </ul>
                <ul>
                    <li>
                        <img src="images/yd5.png" /><br />
                        流程管理</li>
                    <li>
                        <img src="images/yd6.png" /><br />
                        日程提醒</li>
                    <li>
                        <img src="images/yd7.png" /><br />
                        出差休假</li>
                    <li>
                        <img src="images/yd8.png" /><br />
                        会议管理</li>
                </ul>
                <ul>
                    <li>
                        <img src="images/yd9.png" /><br />
                        企业文档</li>
                    <li>
                        <img src="images/yd10.png" /><br />
                        通讯录</li>
                    <li>
                        <img src="images/yd11.png" /><br />
                        信息发布</li>
                    <li>
                        <img src="images/yd12.png" /><br />
                        更多应用</li>
                </ul>
            </div>
        </div>
        <div class="page page2">
            <p class="bt_cont" style="margin-bottom: 3%">任意组合，定制开发</p>
            <p class="xbt_cont">灵活组合办公套件，对客户进行定制开发</p>
            <img src="images/page3.png" width="100%" style="margin-top: 5%;" />
        </div>
        <div class="page page3">
            <p class="bt_cont" style="margin-bottom: 3%">新的办公，新的体验</p>
            <ul class="sec_tab">
                <li><span class="active">信息发布</span></li>
                <li><span>会议审批</span></li>
                <li><span>文档中心</span></li>
                <li><span>任务管理</span></li>
            </ul>
            <div id="wrap">
                <div style="overflow: hidden" class="show">
                    <div style="width: 50%; float: left">
                        <img src="images/zs_2.png" width="100%;">
                    </div>
                    <div style="width: 45%; float: left; margin-top: 5%; margin-left: 3%">
                        <h3>推送企业文档</h3>
                        <p>
                            图文结合，宣传企业正能量；<br />
                            采取微信推送模式，便于查看<br />
                            直接转发，及时推送给客户，更好的宣传企业
                        </p>
                    </div>
                </div>
                <div style="overflow: hidden">
                    <div style="width: 50%; float: left">
                        <img src="images/zs_3.png" width="100%;">
                    </div>
                    <div style="width: 45%; float: left; margin-top: 5%; margin-left: 3%">
                        <h3>合理管理会议</h3>
                        <p>
                            会议职责明确，避免开会一团糟<br />
                            会议室合理安排，避免资源浪费<br />
                            下发会议通知，参加人一目了然
                        </p>
                    </div>
                </div>
                <div style="overflow: hidden">
                    <div style="width: 50%; float: left">
                        <img src="images/zs_4.png" width="100%;">
                    </div>
                    <div style="width: 45%; float: left; margin-top: 5%; margin-left: 3%">
                        <h3>在线预览，无需下载</h3>
                        <p>
                            分类沉淀企业知识，更有利于发展<br />
                            个人文档管理，共享<br />
                            微信内图片、视频、链接可一键上传至个人收藏
                        </p>
                    </div>
                </div>
                <div style="overflow: hidden">
                    <div style="width: 50%; float: left">
                        <img src="images/zs_5.png" width="100%;">
                    </div>
                    <div style="width: 45%; float: left; margin-top: 5%; margin-left: 3%">
                        <h3>随时下发任务</h3>
                        <p>
                            工作任务时时跟进，提高工作效率<br />
                            工作任务时时跟进，提高工作效率<br />
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div style="padding-bottom: 60px;">

            <div class="ts"><span><b style="color: #f77e32">提示：</b>注册成功并扫码关注后即可进入演示企业号（需要使用绑定微信的手机号才能注册哦）</span></div>
            <div class="main_content"  id="divzc">
                <div class=""></div>
                <form>
                    <div class="form_content">
                        <div class="bd">

                            <div class="input_default ">
                                <em class="intro">姓名：</em>
                                <input type="text" name="xm" id="xm" class="J_form_input" value="" />
                                <em class="validation-icon"></em>
                                <p class="tips"></p>
                            </div>
                            <div class="input_default">
                                <em class="intro">手机号：</em>
                                <input name="Phone" id="Phone" type="text" class="J_form_input" value="" placeholder="" />
                                <em class="validation-icon"></em>
                                <p class="tips"></p>
                            </div>
                        </div>

                        <div class="btnbox" style="margin-top: 25px; text-align: center; padding-bottom: 10%">
                            <button type="button" class="J_form_button J_form_button_l" onclick="SaveForm()">立即注册</button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="main_content" id="divsu" style="text-align:center;display:none">
                <img src="images/qrcode.png" alt="Alternate Text" />
                <p  style="color:cornflowerblue">注册成功,长按扫描关注企业号<br/>PC端登陆地址:qj.qijiekeji.com<br/>登陆账号:<span id="dluser"></span> 默认登陆密码abc123</p>
            </div>

        </div>
        <div style="text-align: center; font-size: 12px; background: #333; color: #ccc; padding: 10px 0;">
            企捷科技<br />
            <a href="www.qijiekeji.com" style="color: #ccc">www.qijiekeji.com</a>
        </div>
    </div>
    <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
    <script src="/ViewV5/JS/jquery.md5.js"></script>
    <script type="text/javascript">
        $(".sec_tab li span").each(function (i) {
            $(this).click(function () {
                $(this).addClass("active").parent().siblings().children().removeClass("active");
                $("#wrap>div:eq(" + i + ")").addClass("show").siblings().removeClass("show");
            });
        });
    </script>
    <script>

        function SaveForm() {

            if ($(".input_focus").length + $(".input_error").length > 0) {
                return false;
            }
            $.post("/API/VIEWAPI.ashx?Action=Commanage_REGISTERYS&r=" + Math.random(), { "P1": $("#Phone").val(), P2: $("#xm").val(), ID:"" }, function (data) {
                if ($.parseJSON(data).ErrorMsg == "") {
                    $("#dluser").text($("#Phone").val())
                    $("#divzc").hide();
                    $("#divsu").show();
                } else {
                    alert($.parseJSON(data).ErrorMsg)
                }
            })

        }

        //帮助信息
        $(".input_question").hover(function () {
            $(this).next(".que_cont").toggle();
        });
    </script>
</body>
</html>
